<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="./lib/fontawesome/css/font-awesome.css" />
    <link rel="stylesheet" href="./lib/mui/css/mui.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="./css/bass.css" />
    <title>Document</title>
  </head>
  <body>
    <header class="pyg_header 头部">
      <div class="mui-input-row mui-search">
        <input type="search" class="mui-input-clear" placeholder="" />
      </div>
    </header>

    <div class="内容">
      <div class="轮播图 lun"></div>
      <div class="首页分类数据"></div>
      <div class="首页商品数据"></div>
    </div>

    <div class="底部">
      <a href="./index.html">
        <span class="fa fa-home"></span>
        <div>首页</div>
      </a>
      <a href="./index2/fenlei.html">
        <span class="fa fa-list-ul"></span>
        <div>分类</div>
      </a>
      <a href="./index2/购物车.html">
        <span class="fa fa-cart-plus"></span>
        <div>购物车</div>
      </a>
      <a href="javascript:;" class="我的">
        <span class="fa fa-user"></span>
        <div>我的</div>
      </a>
    </div>
  </body>
</html>
<script src="./lib/mui/js/mui.js"></script>
<script src="./lib/zepto/zepto.js"></script>
<script src="./lib/arttemplate/template-web.js"></script>
<script src="./js/index.js"></script>
<script type="text/template 轮播图" id="template1">
    <div class="mui-slider">
    <div class="mui-slider-group mui-slider-loop">
      <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="{{data[data.length-1].image_src}}" /></a></div>
       {{each data value index}}
       <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="{{value.image_src}}" /></a></div>
       {{/each}}
      <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="{{data[0].image_src}}" /></a></div>
    </div>
    <div class="mui-slider-indicator">
         {{each data value index}}
         {{if index==0}}
                <div class="mui-indicator mui-active"></div>
                {{/if}}
        {{if index!=0}}
        <div class="mui-indicator"></div>
        {{/if}}
        {{/each}}
      </div>
  </div>
</script>
<script type="text/template" id="template2">
  {{each $data value}}
   <a href="#">
  <img src="{{value.image_src}}" alt="" />
  </a>
  {{/each}}
</script>
<script type="text/template" id="template3">
    {{each $data value1}}
  <div class="结构">
            <img class="大图片"src="{{value1.group_img}}"alt=""/>
            <ul>
            {{each value1.goods value2}}
              <li>
                <a href="./index2/详细页面.html?goods_id={{value2.goods_id}}">
                  <img src="{{value2.goods_small_logo}}"alt=""/>
                  <div class="介绍">
                    {{value2.goods_name}}
                  </div>
                  <div class="价格">￥{{value2.goods_price}}</div>
                </a>
                <a
                  href="./index2/分类页面详细.html?cid={{value2.cat_id}}"
                  class="找相似 goods_like mui-btn mui-btn-primary mui-btn-outlined"
                > 找相似
                </a>
              </li>
              {{/each}}
            </ul>
          </div>
    {{/each}}
</script>
